<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/sprint/template.xhtml">
    <ui:define name="main-content">
        <style>
            #doing {
                float: left;
            }
            
            #done {
                float: right;
            }
        </style>
        <h3 style="margin-top: 10px;"><h:outputText value="#{msgs.chartheadersprint}"/></h3>
        <p:lineChart value="#{burndownBean.burndownModel}" legendPosition="e" title="#{msgs.burndown}"/>
        <p:pieChart id="sample" value="#{burndownBean.pieModel}" legendPosition="w"  
                    title="#{msgs.tareas}" />
        <h3><h:outputText value="#{msgs.chartheadergeneral}"/></h3>
        <p:pieChart id="todo" value="#{burndownBean.pieModeltodo}" legendPosition="w"  
                    title="#{msgs.todo}"/>
        <p:pieChart id="doing" value="#{burndownBean.pieModeldoing}" legendPosition="w"  
                    title="#{msgs.doing}" style="width:400px;height:300px" />
        <p:pieChart id="done" value="#{burndownBean.pieModeldone}" legendPosition="w"  
                    title="#{msgs.done}" style="width:400px;height:300px" />
        <div style="clear: both;"></div>
    </ui:define>
</ui:composition>
